<template>
	<view>
		<image src="/static/dingbu.png" class="mine-navbar-bg" :style="{ height: navbarHeight + 'rpx' }" mode="aspectFill"></image>
		<u-navbar :title="title" :autoBack="true" leftIconColor="#fff" bgColor="transparent" :titleStyle="{ color: '#fff' }"
			safeAreaInsetTop placeholder></u-navbar>
		<uni-search-bar @confirm="search" placeholder="请输入机构名称查询"></uni-search-bar>
		<view class="j">
			<view class="j1" @click="show=true">
				<view class="j2">
					<image src="/static/icon_rw.png" mode="aspectFill"></image>
					<view>周俊峰有限公司</view>
				</view>
				<view class="j3">
					<span style="color: #ccc;">联系人员: </span>
					周俊峰
				</view>
				<view class="j3">
					<span style="color: #ccc;">手&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机: </span>
					周俊峰
				</view>
				<view class="j3">
					<span style="color: #ccc;">电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话: </span>
					周俊峰
				</view>
				<view class="j3">
					<span style="color: #ccc;">地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址: </span>
					周俊峰
				</view>
			</view>
		</view>
		<u-popup :show="show" 
			@close="show=false" 
			mode="center"
			round="10"
		>
			<view class="gg">
				<view class="g">更多操作</view>
				<view class="g1" @click="godetail">详情</view>
				<view class="g1" style="color: red;">删除</view>
				<view class="g2" @click="show=false">取消</view>
			</view>
		</u-popup>
		<view class="w-690 h-88 br-16 fixed rowsc rowsm fs-36 colfff bg_btn"
			style="bottom: 38rpx;left: 30rpx;" @click="gopage">
			添加检测机构
		</view>
	</view>
</template>

<script>
	import navbarMixin from '@/common/navbarMixin'
export default {
	mixins: [navbarMixin],
		data() {
			return {
				title: '',
				show: false
			};
		},
		onLoad(options) {
			this.title = options.title
		},
		methods: {
			godetail() {
				uni.navigateTo({
					url: '/subPkg/jiancejg/jcdetail'
				})
			},
			gopage() {
				uni.navigateTo({
					url: '/subPkg/jiancejg/addjcjg'
				})
			},
			search() {

			}
		}
	}
</script>

<style lang="scss">
	.gg{
		width: 500rpx;
		padding: 20rpx;
		.g, .g1 {
			font-size: 36rpx;
			margin-bottom: 20rpx;
			color: #ccc;
		}
		.g1 {
			color: #000;
			margin-left: 36rpx;
		}
		.g2 {
			text-align: right;
			color: #20bc39;
			font-size: 30rpx;
		}
	}
	.j {
		padding: 0 20rpx 150rpx;

		.j1 {
			padding: 20rpx;
			background: #fff;
			border-radius: 20rpx;
			margin-bottom: 20rpx;

			.j2 {
				font-size: 36rpx;
				font-weight: 700;
				margin-bottom: 30rpx;
				display: flex;
				align-items: center;

				image {
					width: 50rpx;
					height: 50rpx;
					margin-right: 20rpx;
				}
			}

			.j3 {
				font-size: 28rpx;
				margin-bottom: 20rpx;
			}
		}
	}

	.mine-navbar-bg {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		
	}
</style>